// 嵌套和变量
@p20: 20px;
@p30: @p20 + 10px;
@aa151: #56a5f1;

// 混合（Mixins） 将一种效果（一段css）应用到另外的场景 效果类似于讲代码粘过去
.shadowIt {
    box-shadow: 5px 5px 5px #333;
    font-style: italic;
}
body {
    height: 100vh;
    position: fixed;
    bottom: 0;
    background-color: #aaa;
}
.div1 {
    p {
        font-size: @p20;
        .shadowIt()
    }
    .li1,
    .li2,
    .li3 {
        font-size: @p30;
        color: @aa151;
        border: @p20 solid red;
        .shadowIt()
    }
}